<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <title><%= title%></title>
  <link rel="SHORTCUT ICON" href="/img/html_head.png">
  <link rel="stylesheet" type="text/css" href="/css/home-blog.css">
  <link rel="stylesheet" type="text/css" href="/layui/css/layui.css">
  <!--加载meta IE兼容文件-->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  <![endif]-->
</head>
<body>
  <!--  页头  -->
  <%- include('../home/header.html') -%>

  <div class="about-content">
    <div class="w1000">
      <div class="item info">
        <div class="title">
          <h3>我的介绍：</h3>
        </div>
        <div class="cont">
          <img src="/img/xc_img1.jpg">
          <div class="per-info">
            <p>
              <span class="name">姓&emsp;名：<%= personalInfo.name %></span>
              <span class="age">年&emsp;龄：<%= personalInfo.age %>岁</span>
              <span class="Career">职&emsp;业：<%= personalInfo.career %></span>
              <span class="interest">兴&emsp;趣：<%= personalInfo.interest %></span>
              <span class="motto">座右铭：<%= personalInfo.motto %></span>
            </p>
          </div>
        </div>
      </div>
      <div class="item tool">
        <div class="title">
          <h3>我的技能：</h3>
        </div>
        <div class="layui-fluid">
          <% skills.forEach((item,index) => { %>
               <% if((index / 4) === 0) { %>
                  <div class="layui-row">
                    <div class="layui-col-xs6 layui-col-sm3 layui-col-md3" id="<%= item.id %>">
                      <div class="cont-box">
                        <img src="/logo/<%= item.logo %>">
                        <p><%= item.level %> %</p>
                      </div>
                    </div>
               <% } else { %>
                    <div class="layui-col-xs6 layui-col-sm3 layui-col-md3" id="<%= item.id %>">
                      <div class="cont-box">
                        <img src="/logo/<%= item.logo %>">
                        <p><%= item.level %> %</p>
                      </div>
                    </div>
               <% }%>
               <% if((index/4) === 0 && index !== 0) { %>
                  </div>
               <% } %>
          <% })%>
        </div>
      </div>
    </div>
  </div>

  <!-- 页脚-->
  <%- include('../home/footer.html',{info:info}); -%>


  </div>
  <script type="text/javascript" src="/layui/layui.js"></script>
  <script type="text/javascript">
    layui.config({
      base: '/js/util/'
    }).use(['element','laypage','form','layer','menu'],function(){
      element = layui.element,laypage = layui.laypage,form = layui.form,layer = layui.layer,menu = layui.menu;
      menu.init();
    })
  </script>
</body>
</html>
